<template>
  <div class="son">
    我是son组件
    <div>father消息:{{ text }}</div>
  </div>
</template>
<script>
export default {
  name: '',
  //子组件接收数据使用props属性接收
  props: {
    text: {
      type: String
    }
  },
  data () {
    return {
    }
  },
  created () {
    //子组件向父组件传递数据
    this.$emit('handler', '我是son组件,这是我的消息');
  },
  computed: {
  },
  //子向父传值
  methods: {
  }
}
</script>

<style lang='less'  scoped>
.son {
  width: 200px;
  height: 200px;
  background-color: skyblue;
}
</style>
